<template>
    <view class='card'>
        <view class='title'>{{title}}</view>
        <view>
            <slot/>
        </view>
    </view>
</template>

<script>
    export default {
        props: ['title'],
    }
</script>

<style lang="scss" scoped>
.card {
    width: 100%;
    background: #fff;
    border-radius: 12upx;
    margin-top: 20upx;
    overflow: hidden;
    >view {
        width: 100%;
        padding: 30upx 23upx;
        box-sizing: border-box;
    }
    .title {
        font-size: 30upx;
        color: #333;
        font-weight: 600;
        border-bottom: 1px solid #E2E2E2;
    }
}
</style>